<template>
  <div class="register">
    <div class="title">注 册</div>
    <select class="input">
      <option selected hidden disabled value="">性别</option>
      <option value="男">男</option>
      <option value="女">女</option>
    </select>
    <input type="text" class="input" placeholder="名*">
    <input type="text" class="input" placeholder="姓*">
    <input type="text" class="input" placeholder="电子邮箱">
    <input type="text" class="input" placeholder="密码">
    <input type="text" class="input" placeholder="确认密码">
    <div class="specification">
      为满足您的请求，个人数据将由SPORTSWEARCOMPANY与Yoox NET-A-PORTER
      GROUP以电子方式进行处理。请注意，您是您给SPORTSWEARCOMPANY与YOO×NET-A-PORTER GROUP传送的第三方数据的负责人。欲知详情,请参见隐私政策。
    </div>
    <div class="input-box">
      <input type="checkbox" id="id1">
      <label>我同意弥尚和STONE ISLAND SPORTSWEAR COMPANY以营销目的收集我的个人信息。</label>
    </div>
    <div class="input-box">
      <input type="checkbox" id="id1">
      <label>我同意弥尚和STONE ISLAND SPORTSWEAR COMPANY收集我的个人信息、创建购物习惯档案。</label>
    </div>
    <div class="input-box">
      <input type="checkbox" id="id1">
      <label>我接受“我的账户"使用条款“</label>
    </div>
    <p class="rigister-btn">注册</p>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.register {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  background: url('../assets/login/login-bg.png');
  background-size: 100%;
  overflow: hidden scroll;
  .title {
    width: 200px;
    line-height: 34px;
    border: 1px solid #616161;
    text-align: center;
    margin-top: 20px;
    color: #616161;
    font-size: 20px;
    font-weight: bold;
  }
  .input {
    width: 80%;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    outline: none;
    border: 1px solid #616161;
    text-indent: 10px;
    color: #616161;
  }
  .specification {
    width: 80%;
    margin-top: 40px;
    font-size: 14px;
  }
  .input-box {
    width: 80%;
    margin-top: 15px;
    font-size: 14px;
    label {
      line-height: 20px;
      margin-left: 5px;
    }
  }
  .rigister-btn {
    margin: 20px 0;
    width: 200px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    background: #000;
    color: #fff;
  }
}
</style>